/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/*
 * Copyright (c) 2014, Joyent, Inc.
 */

#page-image {
  .image-acl-form {
    .widget-content;
    .form-group { margin-bottom: 0;}
  }
  .image-acl-list {
    .remove-acl {
      position: absolute;
      right: 40px;
      margin-top: -44px;
    }
    .acl-public {
      .widget-content;
      text-align: center;
      color: @brand-success;
    }
    .user-tile {
      .widget-content;
      .user-icon {
        width: 32px;
        height: 32px;
      }
      .owner {
        color: @gray-light;
      }
      .uuid {
        clear: both;
        font-family: @font-family-monospace;
        display: block;
        color: @gray-light;
        font-size: 10px;
      }
    }
  }

  .page-header {
    overflow: visible;
    .version { color: @gray-light; font-size: 14px;}
    .resource-status {
      .active { background: @brand-success; }
      .inactive { background: @brand-danger; }
      .unactivated { background: @brand-warning; }
    }
  }
  .traits {
    .widget-content;
    font-family: @font-family-monospace;
    font-size: 12px;
  }
  .basic {
    .os-image { text-align: center; }

    p {
      margin-top: 1em;
      word-wrap: break-word;
      padding: 10px;
      text-align: center;
    }

    .state {
      width: 140px; margin: 0 auto;
    }
    .actions { text-align: center;}
  }

  .details {
    .show-upload-form { font-size: 14px; .pull-right; }
  }
  .billing-tags-container {
  }

  .fileinput { display: none; }

  a.show-upload-form {
    cursor: pointer;
  }

  .origin-uuid {
    display: block;
  }

  .origin-name-version {
    display: block;
  }

  .files {
    li {
      .widget-content;
    }
    li.upload {
      display: none;
      padding: 20px;
      overflow: hidden;
      .upload-actions { margin-top: 10px; .pull-right;}
      .select { display: inline-block; width: 300px; }
      .compression { width: 200px;display: inline-block;  font-size: 12px;}
      .compression select { padding: 3px; height: 24px; margin: 0;}
      .add-file {
        cursor: pointer;
      }
    }

    li.progress {
      padding: 8px;
    }

    li.empty { padding: 0 8px; }

    li.file.to-be-removed {
      .opacity(40);
      span {text-decoration: line-through; }
    }
    li.file {
      .sha1, .size, .compression {
        display: inline-block;
      }
      .sha1 {
        width: 320px;
        font-family: @font-family-monospace;
        font-size: 12px;
        line-height: 1.2;
      }
      .compression { color: @gray-light;}
      .size { width: 200px; }
    }
  }
}

